<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>开始学习 CSS</title>
  </head>

  <body>
    <h1>我是一级标题</h1>

    <p>
      这是一个段落文本。在文本中有一个 <span class="name1">span element</span> 并且还有一个
      <a href="http://example.com">链接</a>.
    </p>

    <p>这是第二段。包含了一个 <em>强调</em> 元素。</p>

    <ul>
      <li>项目 1</li>
      <li class="name1">项目 2</li>
      <li>项目 <em>三</em></li>
    </ul>
  </body>
</html>
<style>
h1{
    color: red;
}
p,li{
    color: blue;
}
li{
    /* list-style-type: space-counter;
     */
     list-style-type: circle;
}
.name1{
    color: orange;
    font-weight:bold ;
}
span.name1,
li.name1{
    color: orange;
    font-weight: bold;
}
li em{
    color: rebeccapurple;
}
h1 + p{
    font-size: 200%;
}
a:link{
    color: pink;
    /* text-decoration: none; 下划线样式取消*/
}
a:visited{
    color: green;
}
a:hover{
    text-decoration: dotted;
}
body h1 + p .name1{
    color:  yellow;
    background-color: black;
    padding: 5px;
}
</style>